<template>
    <el-row class="home" :gutter="20">
        <el-row :span="8" style="margin-top: 20px">
             
            <div>
                <img src="../../assets/1-logo.jpg" class="z">
            </div>
            <div>
                <p class="wz">华为折叠旗舰及全场景新品发布会</p>
                <p class="wz1">2022.04.28</p>
                <el-button round class="an" @click="jchg">精彩回顾</el-button>
            </div>
        </el-row>
    </el-row>

    
</template>

<script>

  export default {
    data() {
      return {
         
         
    }
  },
  methods: {
      jchg(){
            this.$router.push({name:'ship'})
      }
  },
  };


</script>

<style lang="scss" scoped>
.z{
     width:1500px;
    height: 600px;
    padding-top: 10px;
    position: relative;
    box-sizing: border-box;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wz{
   position: absolute;
   left: 420px;
   top: 90px;
   color: #fff;
   font-size: 35px;
   letter-spacing:13px;
}
.wz1{
     position: absolute;
      left: 700px;
   top: 180px;
   color: #fff;
   font-size: 25px;
}
.an{
 position: absolute;
  left: 721px;
   top: 280px;
 cursor: pointer;
    color: #ffffff;
    background: transparent;
    border-color: rgb(255 255 255 / 30%);
}


</style>